終於，歷經整整 30 天的努力，我完成了屬於自己的模擬器專案——To_Do_List App 清單。在這段時間裡，我從最初對 Flutter 開發的不熟悉，到逐...
任務清單換行顯示資訊• 將標籤、到期日期、新增日期分行顯示• 每行前方對齊，使清單更整齊、易讀 新增刪除確認彈窗• 刪除任務時，彈出「確定刪除這個任務嗎...
刪除「優先權」功能• 刪掉排序選單中的「優先權」，程式裡也不再存 priority 調整排序欄位名稱• 原本的「新增時間」和「到期時間」只顯示日期，不再...
複製清單功能• 每個任務卡片上新增複製按鈕• 使用者點擊後，會自動複製該任務，並保留標題、標籤、日期、時間 保持原有畫面與顏色• 任務標籤顯示原本的顏色...
新增排序下拉選單• 在列表上方加入 DropdownButton，提供「新增時間」「到期時間」「優先權」三種排序方式• 使用者選擇不同排序方式後，列表即時更...
任務卡標籤字顏色調整• 工作：藍色• 學習：綠色• 健康：橘色• 個人：灰色 垃圾桶按鈕顏色• 保持紅色，方便辨識 複製任務功能• 在每個任務卡上增...
新增任務按鈕• 畫面底部顯示新增按鈕• 點擊按鈕彈出對話框或頁面，輸入任務標題 設定日期與時間• 可以選擇任務的截止日期與時間• 日期時間選擇器直接在新...
新增搜尋欄位• 使用者可以在搜尋框輸入關鍵字來快速找到特定任務• 搜尋時即時過濾列表中的待辦項目 篩選已完成與未完成任務• 提供「全部／未完成／已完成」...
優化任務優先權顯示• 調整「高中低」不同優先權顏色的顯示方式• 保持清單整齊，任務依優先權顏色分組 Color getPriorityColor(Strin...
三十天的鐵人賽，像一場技術馬拉松，終於來到了終點線前。最初的目標很明確：結合我對 iOS 開發的熱情與工作上學習到的 DevOps 實踐，從零到一打造一款名為「...
在每個任務中新增時間/日期欄位• 每個待辦事項可以設定完成時間或到期日期• 保留分類標籤（工作、學習、個人、健康）• 在 UI 中顯示時間/日期欄位，方便使...
新增搜尋欄位• 使用者可以在搜尋框輸入關鍵字來快速找到特定任務• 搜尋時即時過濾列表中的待辦項目 篩選已完成與未完成任務• 提供「全部／未完成／已完成」...
設定任務優先權• 每個待辦事項可以設定優先級（高、中、低）• 在清單上以顏色或圖示標示不同優先級，方便快速辨識 // todo_item.dart clas...
手動拖放調整任務順序• 使用者可以長按任務卡片，拖動到想要的位置• 任務清單會即時更新顯示，保持使用者排序的順序 自動保持未完成任務在上方• 完成任務自...
新增標籤篩選功能• 在任務列表上方增加一列標籤按鈕（工作、學習、個人、健康）• 點擊標籤按鈕時，只顯示該標籤的任務，其他標籤任務隱藏 標籤互動顯示• 任...
新增任務標籤功能• 每個待辦任務可以指定一個標籤，例如「工作」「個人」「學習」• 使用者在新增任務時可以選擇標籤 標籤顏色顯示• 每個標籤對應不同顏色，...
新增任務時自動清空輸入框• 讓使用者在新增任務後，輸入框自動清空，提升輸入效率 刪除任務前加上確認提示• 點擊垃圾桶刪除任務前，跳出確認對話框，避免誤刪...
新增任務保持在最上方• 新增待辦事項時，未完成的任務應該插入列表的最前面• 保持列表整齊，最新的未完成任務顯示在上方 完成項目自動移到最下方• 當使用者...
新增「依完成狀態排序」功能• 將完成的任務自動移到列表下方，未完成的任務保持在上方• 提升使用者瀏覽待辦項目的效率• 互動上：完成狀態切換後，自動重新排序列表...
改善完成任務切換動畫• 點擊任務前的打勾框，完成/未完成的狀態切換加入動畫效果• 文字顏色、打勾框顏色平滑過渡，提升使用者體驗 優化列表滾動與選取反饋•...
新增任務優先級屬性• 每個待辦項目新增 priority 屬性（高、中、低）• 初始靜態資料可以設定不同優先級，例如:高、中、低 // 第十一天新增：在 _...
改善待辦清單的視覺呈現• 將原本單純的 ListTile 改為使用 Card 包裝，讓每個待辦項目有明顯的立體感與間距• 為完成的項目增加淡灰色背景與刪除線效...
接續昨天的進度，現在地圖上的圖標已經能按照資料集的經緯度精確標出位置，並在圖標上方顯示道路名稱與里程數。然而，僅有這些資訊是不夠的，我們需要提供一個更豐富的互動...
前言 今天要做另一個重要功能，我們要讓使用者能根據選擇的公路類型（國道／省道）和輸入的里程數，從預載的 CSV 資料中進行搜尋，並在地圖上精準標示出對應的地理位...
前言 第一個進行的 issue 是「里程定位與地圖顯示」，先用 VS code 來看一下這兩份 CSV(省道與國道)長什麼樣子： 我們現在的目標是，讀取 CS...
前言 在我們開始繪製使用者介面之前，我們將先聚焦在使用者流程 (User Flow)。 這就好比建築師在蓋房子前，不會先煩惱沙發要買什麼顏色，而是會先畫出整棟建...
優化新增任務輸入欄位• 提示文字：「輸入新任務」• 可以按加號新增任務，也可以按 Enter 鍵新增 TextField( controller: _te...
新增互動功能在 To-Do List App 中，我們要讓使用者可以新增 to_do 項目。•在 MyHomePageState 中新增一個 TextEdit...
建立可互動的待辦清單•修改位子 : 在 MyHomePage 的 _MyHomePageState 裡面，原本的靜態 ListView 改成動態 List...
今天的目標就是讓清單可以「互動」，讓使用者能夠勾選任務是否完成，讓應用程式更接近真實的使用情境 建立 TodoItem 資料模型• 我們會先新增一個 Tod...
arieshsieh0402
iThome鐵人賽
看影片追技術